<style>
*{font-size:11px;}
</style>
<LINK href="css/style.css" rel=stylesheet type=text/css>
<script type="text/javascript" src="../../tiny_mce_popup.js"></script>
<script type="text/javascript" src="js/multifile.js"></script>
<div style="border-bottom:1px solid #7791C4;">
	<div style="font-weight:600;color:#000000; font-size:16px">Upload</div>
	<div>Valid extensions: gif, jpg, png</div>
	<div>Max upload size: 10 MB</div>
	<div>Path: /<span id="pathupload"></span></div>
</div>
<div id="error" style="height:18px; color:#FF0000" align="center"></div>
<div>
	<form onsubmit="return checkupload(this)" method="post" enctype="multipart/form-data" target="uploadFrame">
	<table width="300">
		<tr>
			<td colspan="2">
				<div style="float:left; width:200px">Files</div><div>Status</div>
				<div id="files_list" class="listfileupdiv"></div>
			</td>
		</tr>
		<tr>
			<td width="100">Select file</td>
			<td><input id="my_file_element" type="file" name="ImgFile[]" /></td>
		</tr>
		
		<tr>
			<td></td>
			<td>
			<input type="hidden" name="folderP" id="folderP" value=""  />
			<input type="submit" id="butupload" value="Upload" />&nbsp;
			<input type="button" onclick="tinyMCEPopup.close()" value="Close"/>
			</td>
		</tr>
	</table>	
	</form>
	
</div>
<iframe id="uploadFrame" name="uploadFrame" src="javascript:''" width="1" height="1" frameborder="0"></iframe>
<script>
var pathup=tinyMCEPopup.getWindowArg('path_upload');
document.getElementById("pathupload").innerHTML=pathup;
document.getElementById("folderP").value=pathup;

var multi_selector = new MultiSelector( document.getElementById( 'files_list' ), 8 );
multi_selector.addElement( document.getElementById( 'my_file_element' ) );
</script>